<admintpl file="header" />
<style>
	*{ margin:0px; padding:0px;}
	body {
	  margin: 0 auto;
	  background:#fff;
	  font-family:"微软雅黑";
	  font-size:12px;
	}
	ul, li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	a img{border:0;}
	.clear{ clear:both;}
	table.table_wrap{width:100%;}
	table.table_wrap td.tdw{width:75%;}
	
	table.table_wrap td.tdw .title{background:#dde4e6; color:#2c3e50; font-size:20px; font-weight:bold; text-align:center; height:50px; line-height:50px; margin-right:3.33%; position:relative;}
	table.table_wrap td.tdw .title .add_btn{position:absolute; height:30px; text-decoration:none; font-size:12px; border-radius:3px; line-height:30px; right:20px; display:block; top:10px; padding:0 10px; background:#2c3e50; color:#fff;}
	table.table_wrap td.tdw ul.db_lists{zoom:1; overflow:hidden; padding:20px 0 0 0;}
	table.table_wrap td.tdw ul.db_lists li{width:30%; float:left; display:inline; background:#fff; margin-right:3.33%; margin-bottom:20px;}
	table.table_wrap td.tdw ul.db_lists li .d_title{border:1px solid #ddd; background:#ecf0f1; text-align:center; height:40px; line-height:40px; font-size:16px; color:#2c3e50; font-weight:bold;}
	table.table_wrap td.tdw ul.db_lists li .con{border-left:1px solid #ddd; border-right:1px solid #ddd; padding:10px 10px 40px 10px; position:relative; overflow:hidden; zoom:1;border-bottom:1px solid #ddd;}
	table.table_wrap td.tdw ul.db_lists li .con .d_title_in{position:relative; font-size:14px; font-weight:bold; height:30px; line-height:30px;}
	table.table_wrap td.tdw ul.db_lists li .con .d_title_in a{position:absolute; right:0; color:#1dd2af; font-size:12px; font-weight:normal; top:0; text-decoration:none;}
	table.table_wrap td.tdw ul.db_lists li .con .miaoshu{font-size:12px; color:#999; height:24px; line-height:24px;}
	table.table_wrap td.tdw ul.db_lists li .con .miaoshu span{padding-right:20px;}
	table.table_wrap td.tdw ul.db_lists li .con .play_box{position:relative; padding:5px 0;}
	table.table_wrap td.tdw ul.db_lists li .con .play_box img{width:100%; height:14vw;}
	table.table_wrap td.tdw ul.db_lists li .con .play_box .play_btn{width:20%; height:20%; background:url(__PUBLIC__/images/play_btn.png) top center no-repeat; background-size:contain; border:none; cursor:pointer; position:absolute; left:50%; top:50%; margin-left:-10%; margin-top:-10%; outline:0;}
	table.table_wrap td.tdw ul.db_lists li .con dl{width:100%; overflow:hidden; zoom:1; position:absolute; margin-bottom:1px; bottom:0; left:0; border-top:1px solid #ddd;}
	table.table_wrap td.tdw ul.db_lists li .con dl dd{width:46%; border-left:1px solid #ddd; float:left; text-align:center; height:36px; line-height:36px; display:inline-block; color:#1dd2af;}
	table.table_wrap td.tdw ul.db_lists li .con dl dd a{color:#999; text-decoration:none;}
	table.table_wrap td.tdw ul.db_lists li .con dl dd a:hover{color:#1dd2af;}
	
	table.table_wrap td.tds{width:25%;}
	table.table_wrap td.tds .r_box{border:1px solid #ddd; margin-bottom:20px;}
	table.table_wrap td.tds .r_box .title{background:#dde4e6; color:#2c3e50; font-size:20px; font-weight:bold; text-align:center; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
	table.table_wrap td.tds .r_box .bw_con{position:relative;}
	table.table_wrap td.tds .r_box .bw_con .liuyan_list{position:relative;}
	table.table_wrap td.tds .r_box .bw_con .liuyan_list .xtxx{background:#eaeabc url(__PUBLIC__/images/xtxx.jpg) 10px center no-repeat; padding-left:35px; color:#666; height:30px; line-height:30px;}
	table.table_wrap td.tds .r_box .bw_con .liuyan_list ul{max-height:220px; overflow-y:auto;}
	table.table_wrap td.tds .r_box .bw_con .btn_box1{border-bottom:1px solid #ddd; padding:10px;}
	table.table_wrap td.tds .r_box .bw_con .btn_box2{border-top:1px solid #ddd; padding:10px;}
	table.table_wrap td.tds .r_box .bw_con .btn_box1 .input_box,table.table_wrap td.tds .r_box .bw_con .btn_box2 .input_box{border:1px solid #ddd; height:40px; position:relative;}
	table.table_wrap td.tds .r_box .bw_con .btn_box1 .input1,table.table_wrap td.tds .r_box .bw_con .btn_box2 .input1{height:40px; width:80%; outline:0; padding:0 5px; border:0;}
	table.table_wrap td.tds .r_box .bw_con .btn_box1 .btn1,table.table_wrap td.tds .r_box .bw_con .btn_box2 .btn1{ background:#2c3e50; color:#fff; text-align:center; border:0; cursor:pointer; height:40px; outline:0; padding:0 10px; position:absolute; right:0; top:0;}
	table.table_wrap td.tds .r_box .bw_con ul{padding:10px;}
	table.table_wrap td.tds .r_box .bw_con ul li{line-height:24px; color:#2c3e50; padding:2px 0;}
	table.table_wrap td.tds .r_box .bw_con ul li a{color:#2c3e50;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height:24px; line-height:24px; width:100%; text-decoration:none;}
	table.table_wrap td.tds .r_box .bw_con ul li a:hover{color:#1dd2af;}
	table.table_wrap td.tds .r_box .bw_con ul li span.l_b{color:#999;}
</style>
</head>

<body>
<div class="wrap">
<table width="100%" class="table table-hover table-bordered">
	<thead>
		<tr>
		 <th colspan="6" style="background: #dde4e6 none repeat;height:30px;color: #2c3e50;font-size: 20px;text-align:center;padding:0 0 10px 0;">资源池
		</th>
		</tr>
		<tr>
		 <th>序号</th>
		 <th>视频名称</th>
		 <th style="width:60px;">是否VR</th>
		 <th>视频文件</th>
		 <th>操作</th>
		</tr>
	</thead>
	<tbody id="resource_video_body">
		<foreach name="videoList" item="vo" key="k">
		   <form id="video_form_{$vo.video_id}" action="{:U('Admin/LiveResourceVideo/save_video')}&live_id=" name="video_form_{$vo.video_id}" enctype="multipart/form-data" method="post">
			<tr id="video_tr_{$vo.video_id}" data-id="{$vo.video_id}" data-name="{$vo.video_name}" name="video_tr">
				<td>
					{$k+1}
				</td>
				<td>
				<input type="hidden" id="video_id_{$vo.video_id}" name="video_id" value="{$vo.video_id}">
				{$vo.video_name}
				</td>
				<td>
					   <if condition="$vo.category eq 1"> 否</if>
			           <if condition="$vo.category eq 2"> 是</if>
				</td>
				<td>
				<if condition="$vo.video_id eq 0"> 
					<input style="width:230px;" type="file" id="file_name_{$vo.video_id}" name="file" value="{$vo.file_name}"/>
				</if>
				<if condition="$vo.video_id neq 0"> 
				{$vo.file_name}
				</if>
				</td>
				<td>
				  <input type="checkbox" name="checkbox[]" <?php if(in_array($vo['video_id'],$chosed_video_ids_arr)) echo "checked=checked;"?> onclick="set_video('{$vo.video_name}','{$vo.video_url}','{$vo.video_id}');">
                </td>
			</tr>
			</form>
		</foreach>
	</tbody>
</table>
</div>
    <script src="__PUBLIC__/js/ajaxForm.js"></script>
    <script src="__PUBLIC__/js/common.js"></script>
    <script src="__PUBLIC__/js/artDialog/artDialog.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="http://cdn.ronghub.com/RongIMLib-2.2.4.min.js"></script>
    <script src="http://cdn.ronghub.com/RongEmoji-2.2.4.min.js"></script>
	<script>
	function set_video(video_name, video_url, video_id){
		parent.setVideo(video_name, video_url, video_id); 
	}
	</script>
</body>
</html>
